* {
  box-sizing: border-box;
  user-select: none;
  transition: color .4s, background-color .4s; }

@font-face {
  font-family: 'iconfont';
  /* project id 803090 */
  src: url("//at.alicdn.com/t/font_803090_mjmkeniump.eot");
  src: url("//at.alicdn.com/t/font_803090_mjmkeniump.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_803090_mjmkeniump.woff") format("woff"), url("//at.alicdn.com/t/font_803090_mjmkeniump.ttf") format("truetype"), url("//at.alicdn.com/t/font_803090_mjmkeniump.svg#iconfont") format("svg"); }

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none; }

img {
  vertical-align: top; }

a {
  color: #ADADAD;
  text-decoration: none; }

html,
body {
  height: 100%;
  background-color: #101010; }

html {
  font-size: 54px; }

body {
  position: relative;
  width: 10rem;
  margin: 0 auto;
  padding: 0;
  overflow-y: auto;
  color: #ADADAD;
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }

.detect-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #000000; }
  .detect-wrap .detect {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 0.37037rem; }

.wechat-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.8); }
  .wechat-wrap .wechat {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
    .wechat-wrap .wechat .item {
      background-color: #000000;
      box-shadow: 0px 0px 0.25926rem 0.09259rem rgba(0, 0, 0, 0.5); }
      .wechat-wrap .wechat .item:not(:last-child) {
        margin-right: 0.75926rem; }
      .wechat-wrap .wechat .item .image {
        overflow: hidden;
        border-radius: 0.03704rem;
        width: 3.7037rem;
        height: 3.7037rem; }
        .wechat-wrap .wechat .item .image img {
          width: 100%;
          vertical-align: bottom; }
      .wechat-wrap .wechat .item .text {
        position: relative;
        height: 0.74074rem;
        font-size: 0.27778rem;
        text-align: center;
        line-height: 0.7037rem; }
        .wechat-wrap .wechat .item .text:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 0.03704rem;
          background: radial-gradient(circle, #673A86, #000000); }

.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-left: 0.2963rem;
  width: 100%;
  height: 1.35185rem;
  z-index: 100;
  background-color: #000000; }
  .top-bar:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.03704rem;
    background: linear-gradient(to right, #673A86, #000000); }
  .top-bar img {
    width: 4.51852rem; }
  .top-bar .top-bar-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: 0 0.38889rem;
    height: 1.31481rem; }
    .top-bar .top-bar-btn i {
      font-size: 0.74074rem;
      color: #E1E1E1; }

.sidebar {
  position: fixed;
  top: 0;
  right: -2.77778rem;
  padding-top: 1.35185rem;
  width: 2.77778rem;
  height: 100%;
  font-size: 0.33333rem;
  z-index: 90;
  background-color: #000000; }
  .sidebar .nav li {
    margin-top: 0.37037rem; }
    .sidebar .nav li a {
      display: block;
      width: 100%;
      height: 0.92593rem;
      padding-right: 0.38889rem;
      text-align: right;
      line-height: 0.92593rem; }
    .sidebar .nav li:first-child {
      margin-top: 0.18519rem; }
    .sidebar .nav li.active {
      background-color: #82308E; }
      .sidebar .nav li.active a {
        color: #FFFFFF; }
  .sidebar .sibar-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-right: 0.38889rem;
    padding-bottom: 1.48148rem;
    text-align: right; }
    .sidebar .sibar-bottom .lang-list li a {
      color: #6A6A6A; }
    .sidebar .sibar-bottom .lang-list li:not(:last-child) {
      padding-bottom: 0.38889rem; }
    .sidebar .sibar-bottom .lang-list .active a {
      color: #E1E1E1; }
    .sidebar .sibar-bottom .hr {
      margin: 0.38889rem 0 0.38889rem 0.38889rem;
      height: 0.01852rem;
      background: url("img/nav-dashed.png") repeat-x; }
    .sidebar .sibar-bottom .contact-icon {
      display: flex;
      justify-content: flex-end; }
      .sidebar .sibar-bottom .contact-icon .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 0.74074rem;
        height: 0.74074rem;
        border-radius: 0.03704rem;
        color: #FFFFFF;
        background-color: #82308E; }
        .sidebar .sibar-bottom .contact-icon .icon:not(:last-child) {
          margin-right: 0.2037rem; }
        .sidebar .sibar-bottom .contact-icon .icon i {
          font-size: 0.55556rem; }

.section-home {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0.37037rem;
  font-size: 0.37037rem;
  background: url("img/index-bg.png") no-repeat center center;
  background-size: cover; }
  .section-home img {
    width: 4.81481rem; }

.section-news {
  margin-bottom: 1.33333rem; }
  .section-news .el-pagination {
    padding: 0.25926rem;
    font-size: 0;
    text-align: center; }
    .section-news .el-pagination ul li {
      width: 0.62963rem;
      height: 0.62963rem;
      margin: 0 0.09259rem;
      font-size: 0.25926rem;
      line-height: 0.62963rem;
      font-weight: 400;
      color: #ADADAD !important;
      background-color: transparent !important; }
      .section-news .el-pagination ul li:hover, .section-news .el-pagination ul li.active {
        color: #FFFFFF !important;
        background-color: #82308E !important; }
  .section-news .news-list {
    padding: 0 0.62963rem; }
    .section-news .news-list .item {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 0.33333rem;
      font-size: 0.33333rem;
      line-height: 1.5;
      background-color: #1A1A1A; }
      .section-news .news-list .item .date {
        line-height: 2; }
        .section-news .news-list .item .date i {
          position: relative;
          margin-right: 0.03704rem;
          left: -0.05556rem;
          font-size: 0.2963rem;
          color: #E1E1E1; }
      .section-news .news-list .item .title {
        display: -webkit-box;
        overflow: hidden;
        color: #E1E1E1;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .section-news .news-list .item:not(:first-child):before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0.03704rem;
        background: linear-gradient(to right, #673A86, #101010); }
    .section-news .news-list li {
      height: 2.03704rem; }
      .section-news .news-list li:not(:first-child) {
        height: 2.07407rem; }

.section-works {
  margin-bottom: 1.33333rem; }
  .section-works .lignbox {
    position: relative; }
    .section-works .lignbox .swiper-container .swiper-slide {
      min-height: 11.11111rem;
      background-color: #000000; }
      .section-works .lignbox .swiper-container .swiper-slide .image-area {
        height: 5.62963rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
      .section-works .lignbox .swiper-container .swiper-slide .intro-area {
        padding: 0 0.37037rem 0.64815rem 0.37037rem;
        width: 7.96296rem;
        margin: auto;
        font-size: 0.27778rem; }
        .section-works .lignbox .swiper-container .swiper-slide .intro-area .title {
          position: relative;
          height: 0.7037rem;
          margin-top: 0.33333rem;
          font-size: 0.40741rem;
          color: #FFFFFF;
          line-height: 0.7037rem;
          background: linear-gradient(to right, #000000, #673A86); }
          .section-works .lignbox .swiper-container .swiper-slide .intro-area .title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0.03704rem;
            background: linear-gradient(to right, #673A86, #272727); }
        .section-works .lignbox .swiper-container .swiper-slide .intro-area .detail {
          margin-top: 0.11111rem;
          line-height: 1.5; }
          .section-works .lignbox .swiper-container .swiper-slide .intro-area .detail a {
            color: #9052d3; }
    .section-works .lignbox .prev-btn,
    .section-works .lignbox .next-btn {
      position: absolute;
      top: 2.46296rem;
      font-size: 0.7037rem;
      color: #E1E1E1;
      opacity: 0.6;
      z-index: 10; }
    .section-works .lignbox .prev-btn {
      left: 0;
      padding-left: 0.46296rem; }
    .section-works .lignbox .next-btn {
      right: 0;
      padding-right: 0.46296rem; }

.section-about-company {
  margin-bottom: 1.33333rem; }
  .section-about-company .lignbox {
    position: relative; }
    .section-about-company .lignbox .swiper-container .swiper-slide .content {
      position: relative;
      margin: auto;
      width: 9.18519rem; }
      .section-about-company .lignbox .swiper-container .swiper-slide .content .image-area {
        height: 5.18519rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
      .section-about-company .lignbox .swiper-container .swiper-slide .content .title-area {
        height: 0.74074rem;
        font-size: 0.27778rem;
        text-align: center;
        color: #E1E1E1;
        line-height: 0.74074rem;
        background-color: #000000; }
      .section-about-company .lignbox .swiper-container .swiper-slide .content:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.03704rem;
        background: radial-gradient(circle, #673A86, #101010); }
    .section-about-company .lignbox .prev-btn,
    .section-about-company .lignbox .next-btn {
      position: absolute;
      top: 2.46296rem;
      width: 0.83333rem;
      height: 0.83333rem;
      font-size: 0.37037rem;
      text-align: center;
      line-height: 0.83333rem;
      color: #FFFFFF;
      background-color: #82308E;
      z-index: 10; }
    .section-about-company .lignbox .prev-btn {
      left: 0;
      border-top-right-radius: 0.07407rem;
      border-bottom-right-radius: 0.07407rem; }
    .section-about-company .lignbox .next-btn {
      right: 0;
      border-top-left-radius: 0.07407rem;
      border-bottom-left-radius: 0.07407rem; }
  .section-about-company .text-wrap {
    margin: 0.2963rem 0.37037rem;
    padding: 0 0.03704rem;
    background: linear-gradient(to bottom, #673A86, #000000); }
    .section-about-company .text-wrap .text-black {
      position: relative;
      padding: 0.64815rem 0 0.38889rem 0;
      background-color: #000000; }
      .section-about-company .text-wrap .text-black .text {
        font-size: 0.31481rem;
        width: 7.96296rem;
        margin: auto;
        line-height: 2; }
      .section-about-company .text-wrap .text-black:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0.03704rem;
        background: radial-gradient(circle, #101010, #673A86); }

.section-about-ceo {
  margin-bottom: 1.33333rem; }
  .section-about-ceo .image {
    height: 7.75926rem;
    margin-top: 0.64815rem;
    background: url("img/about/ceo.jpg") no-repeat center center;
    background-size: cover; }
  .section-about-ceo .text-wrap {
    margin: 0 0.37037rem 0.2963rem 0.37037rem;
    padding: 0 0.03704rem;
    background: linear-gradient(to bottom, #673A86, #000000); }
    .section-about-ceo .text-wrap .text-black {
      position: relative;
      padding: 0.64815rem 0 0.38889rem 0;
      background-color: #000000; }
      .section-about-ceo .text-wrap .text-black .text {
        font-size: 0.31481rem;
        width: 7.96296rem;
        margin: auto;
        line-height: 2; }
      .section-about-ceo .text-wrap .text-black:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0.03704rem;
        background: radial-gradient(circle, #101010, #673A86); }

.section-contact {
  display: flex;
  flex-direction: column; }
  .section-contact .info .item {
    margin: 0.72222rem 0 0.77778rem 0; }
    .section-contact .info .item .box {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: auto;
      width: 1.33333rem;
      height: 1.33333rem;
      font-size: 0.37037rem;
      color: #FFFFFF;
      background-color: #82308E;
      border-radius: 0.03704rem; }
    .section-contact .info .item .icon {
      margin: -20px 0;
      text-align: center;
      font-size: 0.37037rem;
      color: #FFFFFF; }
      .section-contact .info .item .icon .iconfont {
        font-size: 1.25926rem; }
    .section-contact .info .item .text-wrap {
      padding: 0 1rem;
      text-align: center;
      font-size: 0.2963rem; }
      .section-contact .info .item .text-wrap .text {
        display: inline-block;
        text-align: left;
        margin-top: 0.33333rem; }
        .section-contact .info .item .text-wrap .text p {
          margin: 0;
          line-height: 2; }
    .section-contact .info .item .link-wrap {
      margin-top: 0.53704rem;
      text-align: center; }
      .section-contact .info .item .link-wrap .link {
        font-size: 0; }
        .section-contact .info .item .link-wrap .link a {
          display: inline-block;
          padding: 0.18519rem 0.37037rem;
          font-size: 0.2963rem;
          color: #FFFFFF;
          background-color: #82308E;
          border-radius: 0.03704rem; }
          .section-contact .info .item .link-wrap .link a:first-child {
            margin-right: 0.46296rem; }
  .section-contact .wechat {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0.40741rem 0 1.2963rem 0; }
    .section-contact .wechat .item {
      background-color: #000000;
      box-shadow: 0px 0px 0.25926rem 0.09259rem rgba(0, 0, 0, 0.5); }
      .section-contact .wechat .item:not(:last-child) {
        margin-right: 0.75926rem; }
      .section-contact .wechat .item .image {
        overflow: hidden;
        border-radius: 0.03704rem;
        width: 3.7037rem;
        height: 3.7037rem; }
        .section-contact .wechat .item .image img {
          width: 100%;
          vertical-align: bottom; }
      .section-contact .wechat .item .text {
        position: relative;
        height: 0.74074rem;
        font-size: 0.27778rem;
        text-align: center;
        line-height: 0.7037rem; }
        .section-contact .wechat .item .text:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 0.03704rem;
          background: radial-gradient(circle, #673A86, #000000); }
  .section-contact .footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 4.07407rem;
    background-color: #000000; }
    .section-contact .footer .content-wrap {
      display: flex; }
      .section-contact .footer .content-wrap .content {
        margin: auto; }
        .section-contact .footer .content-wrap .content .logo {
          margin-bottom: 0.2037rem; }
          .section-contact .footer .content-wrap .content .logo img {
            width: 6.42593rem; }
        .section-contact .footer .content-wrap .content .contact-icon {
          margin: 0 auto 0.38889rem auto;
          overflow: hidden; }
          .section-contact .footer .content-wrap .content .contact-icon .icon {
            display: flex;
            justify-content: center;
            align-items: center;
            float: left;
            width: 0.74074rem;
            height: 0.74074rem;
            margin-right: 0.38889rem;
            border-radius: 0.03704rem;
            color: #FFFFFF;
            background-color: #82308E; }
            .section-contact .footer .content-wrap .content .contact-icon .icon i {
              font-size: 0.55556rem; }
        .section-contact .footer .content-wrap .content p {
          margin: 0;
          font-size: 0.2963rem;
          line-height: 2; }

.section-title-wrap {
  padding: 0 0.37037rem; }
  .section-title-wrap .section-title {
    position: relative;
    height: 1.38889rem;
    font-size: 0.55556rem;
    text-align: center;
    white-space: nowrap;
    color: #FFFFFF;
    line-height: 1.92593rem; }
    .section-title-wrap .section-title:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.03704rem;
      background: radial-gradient(circle, #673A86, #101010); }

.pagging {
  width: 1.33333rem;
  height: 0.62963rem;
  margin: 0.25926rem auto;
  font-size: 0.33333rem;
  text-align: center;
  line-height: 0.62963rem;
  color: #FFFFFF;
  background-color: #82308E;
  border-radius: 0.07407rem; }

.target-fix {
  position: relative;
  top: -1.35185rem;
  display: block;
  height: 0;
  overflow: hidden; }

.fade-enter-active,
.fade-leave-active {
  transition: opacity .5s; }

.fade-enter,
.fade-leave-to {
  opacity: 0; }

.fast-fade-enter-active,
.fast-fade-leave-active {
  transition: opacity .2s; }

.fast-fade-enter,
.fast-fade-leave-to {
  opacity: 0; }
